*{
	margin: 0;
	padding: 0;
	list-style: none;
}
img{
	display: block;
}
html{
	font-size:5.33332vw;
}
body{
	background-color: #eff0f4;
	padding: 0 28/40rem 0 30/40rem;
	height: 10000px;
}
header{
	height: 175/40rem;
	background: skyblue;
	display: flex;
	justify-content: space-between;
	align-items: center;
	span{
		font-size: 50/40rem;
		color: #24253d;
	}
	i{
		color: #999;
		em{
			color: #757575;
		}
	}
}
.banner{
	ul li a{
		display: block;
		img{
			width: 100%;
		}
	}
}
nav{
	height: 244/40rem;
	background: yellow;
	margin-top: 40/40rem;
	ul{
		height: 100%; 
		background: lightblue;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-content: space-between;
		li{
			font-size: 30/40rem;
			border-radius: 13/40rem; 
			   background-image: linear-gradient( 180deg, rgb(249,112,83) 56%, rgb(244,120,102) 100%);
			   box-shadow: 0px 5px 8px 0px rgba(187, 187, 187, 0.42);
			  
			   width: 327/40rem;
			   height: 104/40rem;
			   &:nth-of-type(2){
			   	
			   	  background-image: linear-gradient( to left, rgb(198,87,255) 56%, rgb(212,132,253) 100%);
			   	
			   	
			   
			   }
			   &:nth-of-type(3){
			   	
			   	  background-image: linear-gradient( to left, rgb(255,57,113) 56%, rgb(254,73,124) 100%);
			   	 
			   
			   }
			   &:last-child{
			   	
			   	
			   	   background-image:linear-gradient( to left, rgb(29,146,255) 56%, rgb(27,201,251) 100%);
			   	 
			   
			   
			   }
			   a{
			   		display: block;
			   		height: 100%;
			   	line-height: 104/40rem;
			   	color: #fff;
			   	text-decoration: none;
			   	i{
			    	margin: 0 35/40rem 0 39/40rem;
			    }
			   }
	     	}
		// li:nth-child(2){

			
		}
	}

.list-title{
	height: 28/40rem;
	background: pink;
	margin-top: 50/40rem;
	line-height: 28/40rem;
	h3{
		float: left;
		border-left: 3/40rem solid #3a84ff;
		font-size: 33/40rem;
		height: 100%;
		margin-left: -1px;
		color: #24253d;
		font-weight: 400;
		padding-left: 17/40rem;
	}
	a{
		float: right;
		font-size: 28/40rem;
		text-decoration: none;
		color: #656565;
	}
}
.list-detail{
	overflow: scroll;
	width: 104%;
	height: 323/40rem;
	background-color: skyblue;
	margin-top: 40/40rem;
	ul{
		display: flex;
		background: lightpink;
		justify-content: space-between;
		width: (328*6+20*5)/40rem;
		li{
			border-radius: 13/40rem;
			background-color: rgb(255, 255, 255);
			box-shadow: 0px 5px 11px 0px rgba(182, 182, 182, 0.23);
			width: 328/40rem;
			height: 323/40rem;
			a{
							 display: block;
							 height: 100%;
							 img{
								 width: 285/40rem;
								 margin: 21/40rem 0 0 19/40rem;
							 }
			}
			
		}
	}
}